<template>
 <div>
   <!--标题 start-->
  <div class="titleTop mb20"><p class="f16 fb f_6">统计分析</p></div>
   <!--标题 end-->
   <!--图表 start-->
   <div class="width100">
     <system-policy></system-policy>
     <type-policy></type-policy>
   </div>
   <!--图表 end-->
   <!--图表 start-->
   <div class="width100">
     <policy-match></policy-match>
     <enterprise-match></enterprise-match>
   </div>
   <!--图表 end-->
 </div>
</template>
<script>
  import systemPolicy from "./components/systemPolicy";
  import typePolicy from "./components/typePolicy";
  import policyMatch from "./components/policyMatch";
  import enterpriseMatch from "./components/enterpriseMatch";
export default {
  components: {
    systemPolicy,
    typePolicy,
    policyMatch,
    enterpriseMatch
  },
  name: "",
  data() {
    return {
    };
  },
  methods: {

  },
  //调用
  mounted() {

  }
};
</script>
<style scoped>
.titleTop{
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.titleTop p{
  padding-left: 25px;
}
.chartSystem,.chartPolicyMatch{
  width: 60%;
  background: #fff;
  padding: 0 10px 15px;
  border-bottom: 1px solid #e0e0e0;
}
.chartType,.chartEnterprMatch{
  width: 38.5%;
  background: #fff;
  padding: 0 10px 15px;
  border-bottom: 1px solid #e0e0e0;
}
</style>
